.liucheng {

    width: 100%;

    background: url(../images/bgSection.png) repeat rgb(227, 227, 227);
    margin-top: 50px;

}

.lc2 {

    background: url(../images/line.png) center center no-repeat;

}

.p_title {

    width: 100%;

    float: left;

    text-align: center;

    margin: 50px 0px;

    border-bottom: 1px solid #ccc;

}

.p_title h2 {

    font-size: 34px;

    color: rgb(102, 102, 102);

    margin-bottom:20px;

}

.p_title p {

    line-height: 40px;

}

.ease-1{

-webkit-transition:all 0.1s ;

-khtml-transition:all 0.1s ;

-moz-transition: all 0.1s ;

-o-transition: all 0.1s ;

transition: all 0.1s ;}

.ease-3{

-webkit-transition:all 0.3s;

-khtml-transition:all 0.3s ;

-moz-transition: all 0.3s ;

-o-transition: all 0.3s;

transition: all 0.3s;}

.radius-5{

-webkit-border-radius:5px;

-moz-border-radius: 5px;

border-radius: 5px;}

.shadow-box-5{

-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5);

-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);

box-shadow:0px 0px 5px rgba(0,0,0,0.5);}

.shadow-text-1{

-moz-text-shadow:0 1px 0px rgba(0,0,0,.5);

-webkit-text-shadow:0 1px 0px rgba(0,0,0,.5);

text-shadow:0 1px 0px rgba(0,0,0,.5);}

.text-overflow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.txt-en{ font-family: "Times New Roman", Times, serif; font-weight:normal;}

.txt-c{ text-align:center;}

.txt-r{ text-align:right;}

.txt-red{ color:#e32530;}

.txt-orange{ color:#ff6600;}



.nr span.c-1{ width:100%; height:100%; background:url(../images/icon_01.png) center no-repeat; display:block; float:left; border-radius:50%; }

.nr span.c-2{ width:100%; height:100%; background:url(../images/icon_02.png) center no-repeat; display:block; float:left; border-radius:50%;}

.nr span.c-3{ width:100%; height:100%; background:url(../images/icon_03.png) center no-repeat; display:block; float:left; border-radius:50%;}

.nr span.c-4{ width:100%; height:100%; background:url(../images/icon_04.png) center no-repeat; display:block; float:left; border-radius:50%;}

.nr span.c-5{ width:100%; height:100%; background:url(../images/icon_05.png) center no-repeat; display:block; float:left; border-radius:50%;}

.nr span.c-6{ width:100%; height:100%; background:url(../images/icon_06.png) center no-repeat; display:block; float:left; border-radius:50%;}

.nr span.c-7{ width:100%; height:100%; background:url(../images/icon_07.png) center no-repeat; display:block; float:left; border-radius:50%;}

.advantage .nr .item:hover .circle span.c-1{background:url(../images/icon_01_h.png) center no-repeat;}

.advantage .nr .item:hover .circle span.c-2{background:url(../images/icon_02_h.png) center no-repeat;}

.advantage .nr .item:hover .circle span.c-3{background:url(../images/icon_03_h.png) center no-repeat;}

.advantage .nr .item:hover .circle span.c-4{background:url(../images/icon_04_h.png) center no-repeat;}

.advantage .nr .item:hover .circle span.c-5{background:url(../images/icon_05_h.png) center no-repeat;}

.advantage .nr .item:hover .circle span.c-6{background:url(../images/icon_06_h.png) center no-repeat;}

.advantage .nr .item:hover .circle span.c-7{background:url(../images/icon_07_h.png) center no-repeat;}

.advantage .inner{  left:0; right:0; }

.advantage .nr{ padding:0; width:100%; float:left; margin-bottom:100px;}

.advantage .nr li{ width:14.285%; float:left; display:inline;

filter: alpha(opacity=0);

-khtml-opacity: 0;

-moz-opacity: 0; 

opacity:0;}

.advantage .nr li:nth-child(1),

.advantage .nr li:nth-child(2){

-webkit-transform: translate3d(-100px,0px, 0);

-moz-transition: translate3d(-100px, 0px, 0);

-o-transition: translate3d(-100px, 0px, 0);

transition: translate3d(-100px, 0px, 0);}

.advantage .nr li:nth-child(3),

.advantage .nr li:nth-child(4){

-webkit-transform: translate3d(100px,0px, 0);

-moz-transition: translate3d(100px, 0px, 0);

-o-transition: translate3d(100px, 0px, 0);

transition: translate3d(100px, 0px, 0);}

.advantage.active .nr li{

filter: alpha(opacity=100);

-khtml-opacity: 1;     

-moz-opacity: 1;

opacity: 1;

-webkit-transform: translate3d(0, 0, 0);

-moz-transition: translate3d(0, 0, 0);

-o-transition: translate3d(0, 0, 0);

transition: translate3d(0, 0, 0);

transition-delay:600ms; 

-o-transition-delay:600ms;

-moz-transition-delay:600ms;

-webkit-transition-delay:600ms;}

.advantage.active .nr li:nth-child(2),

.advantage.active .nr li:nth-child(3){

transition-delay:400ms; 

-o-transition-delay:400ms;

-moz-transition-delay:400ms;

-webkit-transition-delay:400ms;}

.advantage .nr .item{ display:block; width:100%; position:relative; color:#333;}

.advantage .nr .item .circle{ width:120px; height:120px; margin:10px auto 0px; position:relative; color:#333; background:#fff;

-webkit-border-radius:60px;

-moz-border-radius: 60px;

border-radius: 60px;

behavior: url(ie-css3.htc); z-index:2;}

.advantage .nr .item .circle .circle_l,

.advantage .nr .item .circle .circle_r{ position:absolute; top:0px;width:60px; height:120px;border: 2px solid #333;

-webkit-transition-timing-function:linear;}

.advantage .nr .item .circle .circle_l{ left:0px; border-right:0;clip:rect(124px,62px,124px,0);

-webkit-border-radius:62px 0 0 62px;

-moz-border-radius: 62px 0 0 62px;

border-radius: 62px 0 0 62px;

behavior: url(ie-css3.htc); z-index:2;}

.advantage .nr .item .circle .circle_r{right:0px;border-left:0;clip:rect(0px,62px,0px,0);-webkit-border-radius:0 62px 62px 0;-moz-border-radius: 0 62px 62px 0;border-radius: 0 62px 62px 0;behavior: url(ie-css3.htc);z-index:2;}

.advantage .nr .item .circle span{ display:block; height:120px; width:120px; line-height:120px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

.advantage .nr .item h1{ font-size:20px; padding:20px 0 10px; line-height:24px;}

.advantage .nr .item p{ line-height:24px; font-size:14px;}

.advantage .nr .item:hover .circle_l{ clip: rect(0,62px,124px,0); border-color:#ff8a00;}

.advantage .nr .item:hover .circle_r{ clip: rect(0,62px,124px,0); border-color:#ff8a00;}

.advantage .nr .item:hover .circle{ background:#ff8a00; color:#fff;

-webkit-transform: translate3d(0px,-10px, 0);

-moz-transition: translate3d(0px, -10px, 0);

-o-transition: translate3d(0px, -10px, 0);

transition: translate3d(0px, -10px, 0);

transition-delay:300ms; 

-o-transition-delay:300ms;

-moz-transition-delay:300ms;

-webkit-transition-delay:300ms;}

.advantage .nr .item:hover h1,

.advantage .nr .item:hover p{ color:#111;

-webkit-transform: translate3d(0px,10px, 0);

-moz-transition: translate3d(0px, 10px, 0);

-o-transition: translate3d(0px, 10px, 0);

transition: translate3d(0px, 10px, 0);

transition-delay:300ms; 

-o-transition-delay:300ms;

-moz-transition-delay:300ms;

-webkit-transition-delay:300ms;}

.bg-white {

    background: #fff;

}

.tabs-qh{ width:100%;}

.index_news_title{ width:100%; float:left;  margin-bottom:50px; text-align:center;  

-webkit-animation:gdownIn 1s 0.7s both; 

-moz-animation:gdownIn 1s 0.7s both; 

animation:gdownIn 1s 0.7s both;

}

.index_news_title dd{ display:inline; cursor:pointer; padding:3px 6px; text-align:center; }

.index_news_title a{ padding:8px 20px; color:#a4a4a4; border-radius:5px; border:1px solid #dfdfdf;}

.index_news_title a:hover{ color:#333;}

.index_news_title a.tab-now { background:#ff8a00; border:1px solid #ff8a00; filter:alpha(opacity=100); opacity:1; color:#fff; 

transition:0.5s all; 

-webkit-transition:0.5s all; 

-moz-transition:0.5s all; 

-o-transition:0.5s all; 

-ms-transition:0.5s all;

}

#index_news_list{width:100%; padding:0; overflow:hidden; margin:0 auto; text-align:center; 

-webkit-animation:gdownIn 1s 0.9s both; 

-moz-animation:gdownIn 1s 0.9s both; 

animation:gdownIn 1s 0.9s both;

}

#index_news_list div{ display:none;}

#index_news_list div.now{ display:block;}

#index_news_list div.now div{ display:block;}

#index_news_list ul{ width:100%; float:left; display:block; padding-bottom:60px;}

#index_news_list ul li{ width:20%; height:440px; display:block; float:left; background:url(../images/phonebg.png) top  no-repeat;position: relative;}

#index_news_list ul li:nth-child(6){ display:none;}

#index_news_list{width:100%;position:relative; overflow:hidden;  

  -webkit-animation:gfadeIn 1s .5s both; 

  -moz-animation:gfadeIn 1s .5s both; 

  animation:gfadeIn 1s .5s both;

  }

#index_news_list ul li a{display:block; width:187px; height:331px; overflow:hidden; margin:51px 0 0 24px; background:#fff; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

#index_news_list ul li article{position:relative; width:100%; height:334px; padding-top:62.4%; overflow:hidden;}

#index_news_list ul li article img{position:absolute; top:0; left:0; width:100%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

#index_news_list ul li article summary{width:100%; height:50px; position:absolute; bottom:-50px; left:0; line-height:50px; color:#fff; background:rgba(0,0,0,0.5); background:#666\9;  z-index:3; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; text-align:center;}

#index_news_list ul li .news-erweima{
    position: absolute;
    width: 150px;
    height: 150px;
    background: red;
    bottom: 30%;
    left: 50%;
    margin-left: -75px;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    transition:0.3s;
    opacity: 0;
}


#index_news_list ul li a:hover{background-color:transparent;}

#index_news_list ul li a:hover article summary{bottom:0;}

#index_news_list ul li a:hover article img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);opacity: 0.5}

#index_news_list ul li a:hover article:before{opacity:1; filter:alpha(opacity=100); zoom:1;}

#index_news_list ul li a:hover article:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}

#index_news_list ul li a:hover .news-erweima{
    opacity: 1;
}

/*  */
.guarantee {
    width:100%;
    height:453px;
    position:relative;
    text-align:center
}
.guarantee>img {
    width:100%;
    height:100%;
    display:block;
    position:absolute
}
.guarantee h2 {
    font-size:28px;
    color:#fff;
    padding-top:70px;
    padding-bottom:40px;
    position:relative
}
.guarantee ul {
    width:1100px;
    margin:0 auto;
    position:relative
}
@media (max-width:1100px) {
    .guarantee ul {
        width:100%
    }
}
.guarantee ul li {
    display:inline-block;
    text-align:center;
    width:25%
}
.guarantee ul li img.bg {
    display:block;
    width:110px;
    height:110px;
    margin:0 auto;
    margin-bottom:15px
}
.guarantee ul li p {
    color:#fff;
    font-size:14px;
    line-height:24px
}
.guarantee .button {
    color:#fff;
    border:1px solid #fff;
    display:block;
    text-align:center;
    margin:40px auto 0;
    width:100px;
    padding:5px 21px;
    position:relative
}
.service {
    width:100%;
    height:725px
}
.service .icon-container {
    width:1100px;
    margin:0 auto
}
@media screen and (max-width:1100px) {
    .service .icon-container {
        width:1000px
    }
}
.service .icon-container li {
    display:inline-block;
    text-align:center;
    width:20%;
    margin:0;
    padding:0
}
.service .icon-container li div {
    width:120px;
    height:120px;
    margin:0 auto;
    margin-bottom:15px;
    background-size:contain
}
.service .icon-container li p {
    font-size:14px;
    color:#333;
    line-height:24px
}
.service .icon-container #service-1-img {
    background-image:url("https://img.yzcdn.cn/static/intro/img/newIndex/_service_1.png")
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
    .service .icon-container #service-1-img {
        background-image:url("https://img.yzcdn.cn/static/intro/img/newIndex/_service_1@2x.png")
    }
}
.service .icon-container #service-15-img {
    background-image:url("https://img.yzcdn.cn/public_files/2017/12/01/04f6274d5a2c7c9509d59ed36109c275.png")
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
    .service .icon-container #service-15-img {
        background-image:url("https://img.yzcdn.cn/public_files/2017/12/01/6fd9edbd85abc1fe91ac1e2a4caaf8e5.png")
    }
}
.service .icon-container #service-2-img {
    background-image:url("https://img.yzcdn.cn/static/intro/img/newIndex/service_2.png")
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
    .service .icon-container #service-2-img {
        background-image:url("https://img.yzcdn.cn/static/intro/img/newIndex/service_2@2x.png")
    }
}
.service .icon-container #service-3-img {
    background-image:url("https://img.yzcdn.cn/public_files/2018/02/06/5ad8aef3148c66f17056edac0733d735.png")
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
    .service .icon-container #service-3-img {
        background-image:url("https://img.yzcdn.cn/public_files/2018/02/06/41f9aad012137fe3219b305b9352b7ae.png")
    }
}
.service .icon-container #service-4-img {
    background-image:url("https://img.yzcdn.cn/static/intro/img/newIndex/service_4.png")
}
@media only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
    .service .icon-container #service-4-img {
        background-image:url("https://img.yzcdn.cn/static/intro/img/newIndex/service_4@2x.png")
    }
}
.service .num-container {
    width:1100px;
    margin:0 auto
}
@media screen and (max-width:1100px) {
    .service .num-container {
        width:1000px
    }
}
.service .num-container li {
    width:20%;
    text-align:center;
    display:inline-block
}
.service .num-container li p {
    font-size:16px;
    color:#666
}
.service .num-container li .num {
    font-size:46px;
    color:#3765a6;
    line-height:65px
}
.service .num-container li .num .data {
    font-weight:100
}
.section-title {
    font-size:28px;
    color:#333;
    line-height:40px;
    text-align:center;
    margin:0 auto 60px;
    padding-top:90px
}
.fwpro div{
    width: 212px;
    height: 70px;
    padding: 13px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

#hd {
    height: 134px;
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #ededed;
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.t1 {
    display: block;
    border-bottom: 1px #eceef0 solid;
    height: 45px;
    width: 100%;
    background: #FFF;
    z-index: 999;
}
.t1 dl {
    width: 1120px;
    height: auto;
    margin: 0 auto;
}
.t1 dt {
    width: 720px;
    float: left;
}
.t1 dd {
    width: 270px;
    float: right;
    height: 44px;
    line-height: 44px;
    text-align: right;
}
.t1 dd a {
    color: #5c5c5c;
    background: url(/app/home/view/default/public/images/linehead.jpg) no-repeat right center;
    padding: 0 10px;
    font-size: 12px;
}
.t1 dt span {
    color: #3194f1;
    height: 44px;
    line-height: 44px;
    background: url(/app/home/view/default/public/images/tel.jpg) no-repeat left center;
    padding-left: 18px;
    float: left;
}
.t1 dt span i {
    background: url(/app/home/view/default/public/images/linehead.jpg) no-repeat right center;
    padding-right: 6px;
    margin-right: 8px;
    font-style: normal;
    font-size: 12px;
    font-weight: 400;
    display: inline;
}
.wp {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}
#hd .logo {
    float: left;
    margin-right: 65px;
    /* height: 101px; */
    height: 90px;
    margin-left: 20px;
}
#hd .logo a {
    display: block;
    height: 100%;
    /* line-height: 101px; */
    line-height: 90px;
    color: #333;
}
#hd .logo a img {
    display: inline-block;
    vertical-align: middle;
        margin-left: -20px;
}
#nav ul li {
    float: left;
    line-height: 90px;
    width: 100px;
    margin-right: 10px;
}
#nav ul li a{
  color: #000;
  font-size: 15px;
}
.menu_container{
  display: flex;
  justify-content: center;
      align-items: center;
    height: 100%;
}
.menu_container div:hover,.fanan_container div:hover{
  background: #f1f1f1;
}
.menu_container div:hover a,.fanan_container div:hover a{
  text-decoration: none;
}
.menu_container div{
    position: relative;
    width: 212px;
    height: 70px;
    padding: 13px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}
.menu_container div span{
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 13px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.menu_container div span.icon-wsc{
  background-image: url(//b.yzcdn.cn/static/intro/img/php-tpl/icon-wsc.png);
}
.menu_container div span.icon-meiye{
  background-image: url(//b.yzcdn.cn/static/intro/img/php-tpl/icon-meiye.png);
}
.menu_container div span.icon-ls{
  background-image: url(//b.yzcdn.cn/static/intro/img/php-tpl/icon-ls.png);
}
.menu_container div span.icon-cy{
  background-image: url(//b.yzcdn.cn/static/intro/img/php-tpl/icon-cy.png);
}

.menu_container div h4 ,.fanan_container div h4{
    font-size: 16px;
    color: #333333;
    margin-left: 26px;
}
.menu_container div p, .fanan_container div p{
    font-size: 12px;
    color: #999999;
    margin-top: 5px;
    margin-left: 26px;
    line-height: 18px;
}
.carety{
  position: relative;
  display: inline-block;
}
.carety::before ,.carety::after{
    content: ' ';
    height: 0;
    width: 0;
    top: 100px;
    position: absolute;
    left: 5px;
    border: 5px solid transparent;
}
.carety::before{
  border-top-color: #ffffff;
    top: -9px;
    z-index: 2;
}
.carety::after{
      border-top-color: #333;
    top: -7px;
    z-index: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}
.clearfix {
  zoom: 1;
}

/* ################### */
 .yingxiao_content {
    width: 100%;
    background: #f0f0f0;
    height: 150px;
}
.yingxiao_middle {
    width: 1200px;
    height: 150px;
    margin: 0 auto;
    border-left: 1px dashed #fff;
    display: flex;
    justify-content: space-around;;
}
.yingxiao_one {
    height: 150px;
    background: #f0f0f0;
    width: 298px;
}
.yingxiao_left {
    width: 40%;
    float: left;
    height: 150px;
    text-align: right;
}
.yingxiao_right {
    height: 150px;
    width: 60%;
    float: left;
    text-align: left;
    color: #fff;
    padding-top: 30px;
}
.yingxiao_right_title {
    line-height: 40px;
    color: #333;
    font-size: 18px;
}
.yingxiao_right_content {
    line-height: 20px;
    color: #A9A9A9;
}
/*实力*/
.shili_content{
  width:100%;
  background:#fff;
  height:700px;
  padding-top: 60px;
}
.shili_middle{
  width:1200px;
  margin:0 auto;
  background:#fff;
  
}
.lanmu_title{
  width:1200px;
  margin:0 auto 0 auto;
  height:70px;
  text-align:center;
}
.lanmu_des{
  width:600px;
  margin:0 auto;
  line-height:20px;
  text-align:center;
  color:#a3a3a3;
  font-size:14px;
  
}
.lanmu_main{
  margin-top:30px;
  border-top: 1px solid #c8c0c0;
  padding-top: 10px;
}
.product_content{
  width:100%;
  background:#f5f5f5;
  height:530px;
}
.product_middle{
  width:1200px;
  margin:0 auto;
  background:#f5f5f5;
  height:530px;
}
.product_one{
  width:240px;
  height:153px;
  float:left; 
  text-align: center;
  
}
.product_content .product_middle .product_one:hover a{
  text-align: none;
}
.product_content .product_middle .product_one a{
  color: #000;
}
.product_one_title{
  width:100%;
  height:50px;
  line-height:50px;
  font-size:16px;
  
}
.fanan_container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.fanan_container div{
    width:33%;
}





.btn{display:inline-block;width:100px;height:32px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:32px;color:#009FD9;text-align:center;text-decoration:none;font-size:14px;cursor:pointer}

.cloud-product-box{background:#f4f4f4}
.cloud-product-wrapper{margin:0 auto;width:1200px}
.cloud-product{position:relative;z-index:9;padding:110px 0 80px}
.cloud-product-title{height:32px;text-align:center;line-height:32px;font-size:32px;color:#333}
.color-blue{color:#009fd9}
.cloud-product-explain{margin-top:26px;margin-bottom:30px;padding-bottom:30px;height:16px;line-height:16px;text-align:center;font-size:16px;color:#999;border-bottom: 1px solid #ccc;}
.cloud-product-ul{width:100%}
.cloud-product-ul li{position:relative;margin-left:12px;width:212px;height:522px;float:left;background:#fff}
.cloud-product-ul li:first-child{margin-left:0}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px}
.empty-space{width:100%;height:99px;padding:8px 0 0 0;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:82px}
.server-header-01{background:url(../images/product_header_icon_01.png) center no-repeat}
.server-header-02{background:url(../images/product_header_icon_02.png) center no-repeat}
.server-header-03{background:url(../images/product_header_icon_03.png) center no-repeat}
.server-header-04{background:url(../images/product_header_icon_04.png) center no-repeat}
.server-header-05{background:url(../images/product_header_icon_05.png) center no-repeat}
.server-header-active-01{background:url(../images/product_header_active_icon_01.png) center no-repeat}
.server-header-active-02{background:url(../images/product_header_active_icon_02.png) center no-repeat}
.server-header-active-03{background:url(../images/product_header_active_icon_03.png) center no-repeat}
.server-header-active-04{background:url(../images/product_header_active_icon_04.png) center no-repeat}
.server-header-active-05{background:url(../images/product_header_active_icon_05.png) center no-repeat}

.product-introduce-title{margin-bottom:14px;height:22px;line-height:22px;font-size:22px;text-align:center}
.product-introduce-title.normal-weight{font-weight:400}
.product-introduce-content{margin:0 auto 26px;width:180px;line-height:14px;font-size:14px;text-align:center;color:#999}
.product-introduce-list{margin:0 auto;padding-top:28px;height:135px;width:84%;border:1px solid #f1f1f1;border-left:none;border-right:none}
.introduce-list-small{margin-bottom:18px;line-height:14px;font-size:14px;color:#999;text-align:center}
.product-introduce-price{margin:48px auto 0;font-size:14px;text-align:center;color:#333}
.price-blue{color:#0af;font-size:38px}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.introduce-link{position:absolute;top:0;left:0;width:100%;height:360px}
.active-inner-01{background:url(../images/producet_bg_01.jpg) center no-repeat}
.active-inner-02{background:url(../images/producet_bg_02.jpg) center no-repeat}
.active-inner-03{background:url(../images/producet_bg_03.jpg) center no-repeat}
.active-inner-04{background:url(../images/producet_bg_04.jpg) center no-repeat}
.active-inner-05{background:url(../images/producet_bg_05.jpg) center no-repeat}
.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
.cloud-product-ul li.active{z-index:9;width:304px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);-moz-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.active .product-introduce-content{color:#eff6ff}
.active-product-introduce-title{color:#fff}
.active .product-introduce-list{padding-top:22px;border-color:#3f9ff9}
.introduce-list-large{margin:0 auto;width:228px;line-height:22px;color:#ddebff;font-size:14px}
.active .product-introduce-price{margin-top:32px;color:#fefeff}
.product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;color:#fff}
.buy-link-btn{display:block;margin:30px auto 0;width:90%;height:40px;line-height:25px;background-color:#ff9600;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.buy-link-btn:hover{background-color:#f80}